@import '@/lib/reset.scss';



.box{
    @include rect(1200px, 3062px);
    margin: auto;
    .m-type{
        @include rect(1200px,377px);
        margin-bottom: 66px;
        .n-type{
            @include rect(1200px,64px);
            margin-bottom: 0;
            font-size: 24px;
            line-height: 64px;
        }
        img{
            transition: all 0.5s;
            &:hover{
                transform: scale(1.1);
            }
        }
        .tu{
            width: 225px;
            height: 224px;
            overflow: hidden;
        }
        p{
            margin-bottom: 0;
        }
        span{          
            &:hover{
                @include background-color(#cccccc);
                cursor:pointer;
            }
        }
        ul{
            @include rect(1200px,312px);
            margin-bottom: 0;
            display: flex;
            justify-content: space-between;           
            li{
                width: 225px;
                height: 312px;
                position: relative;
                img{
                    display: block;
                    width: 225px;
                    height: 224px;
                }
                p:nth-child(2){
                    margin-top: 16px;
                    line-height: 24px;
                    font-size: 12px;
                    font-weight: 600;
                }
                p:nth-child(3){
                    line-height: 24px;
                    font-size: 12px;
                    color: #999999;
                }
                p:nth-child(4){
                    line-height: 24px;
                    font-size: 12px;
                    color: #999999;
                }
                span{
                    position: absolute;
                    display: block;
                    width: 80px;
                    height: 26px;
                    right: 2px;
                    bottom: 2px;
                    border: solid 1px #c9c9c9;
                    font-size: 12px;
                    text-align: center;
                    line-height: 26px;
                }
            }
        }
    }
}